

// ------------------------------ 获取用户信息，处理头像和名字 -------------------------
// 多次复用才会封装成函数

// 要想请求成功，1.先登录获取token(有效期两个小时)  2.这次请求需要在请求头中携带 Authorization: token
function getUserInfo() {
  axios.get('/my/user/userinfo', {
    headers: {
      Authorization: localStorage.getItem('token')
    }
  }).then(res => {
    console.log(res);
    // 获取昵称、账号、头像
    let { nickname, user_pic, username } = res.data.data;
    //console.log(nickname,username);
    //设置欢迎你xxx
    //a||b ,返回值是a或者b ,到底那个?找第一个真值
    //假如 nickname是真,直接返回它,如果nickname是假,则返回后面的username
    let name = nickname || username;
    $('.username').text(name);
    //显示头像(新注册的账号没有头像,获取name,取得第一个字符,转大写)
    if (user_pic) {
      $('.layui-nav-img').attr('src', user_pic).show();
    } else {
      let first = name.substring(0, 1).toUpperCase();
      //show()通过设置display样式,让一个元素显示,
      $('.user-avatar').text(first).css('display', 'inline-black');
    }
  });
}
getUserInfo();

//------------------------退出-------------
$('#logout').on('click', function () {
  layer.confirm('你确定退出吗？', { icon: 3, title: '提示' }, function (index) {
    //do something
    //如果点击了确定,会执行这个函数
    //1.退出删除token
    localStorage.removeItem('token');
    //2.返回login页面
    location.href = './login.html';
    layer.close(index);
  });
})